@import "fontsize-and-color.scss";

.scan-qr {
  position: absolute;
  left: -148px;
  top: 0;
  // width: 140px;
  width: 0px;
  height: 0px;
  // height: 184px;
  display: flex;
  filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, .3));
  overflow: hidden;
  transition: .5s;

  .content {
    display: flex;
    flex-direction: column;
    padding: 16px 0 16px 16px;
    height: fit-content;
    width: 140px;
    background-color: #fff;
    clip-path: polygon(0 0, 132px 0, 132px 39px, 100% 47px, 132px 55px, 132px 100%, 0 100%);

    img {
      display: block;
      height: 100px;
      width: 100px;
      object-fit: cover;
    }

    p {
      margin-top: 8px;
      padding: 0 9px;
      width: 100px;
      @include font-normal;
      color: $main-text-3rd !important;
    }

  }


}